<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>会员信息</title>
<script type="text/javascript" th:src="@{/bootstrap3/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/jquery.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/npm.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/popper.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/popper.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap-popover.js}"></script>
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap-theme.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap-theme.min.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap.min.css}" />
</head>
<script type="text/javascript">
	function getmember(num){
		$("#admin_main_content").load("queryallmember?pagenum="+num);
	}
</script>
<body>
<div class="container-fluid">
	<div class="panel panel-default">
		<div class="panel-body" style="height: 450px;overflow: auto;">
			<table class="table table-responsive">
				<thead>
					<tr>
						<th>序号</th>
						<th>姓名</th>
						<th>密码</th>
						<th>联系信息</th>
						<th>邮箱</th>
						<th>电话</th>
						<th>注册时间</th>
					</tr>
				</thead>
				<tbody>
					<tr th:each="member,memberSta:${members}">
						<td th:text="${member.id}"></td>
						<td th:text="${member.username}"></td>
						<td>--</td>
						<td th:text="${member.name}"></td>
						<td th:text="${member.email}"></td>
						<td th:text="${member.phone}"></td>
						<td th:text="${#dates.format(member.regtime,'yyyy-MM-dd HH:mm:ss')}"></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="panel-footer" style="padding: 0px;margin: 0px;height: 70px;">
			<div class="text-center">
				<nav aria-label="Page navigation">
				  <ul class="pagination pagination-sm">
				    <li>
				      <a href="javascript:void(0)" th:onclick="getmember([[${pagenum-1}]])" aria-label="Previous">
				        <span aria-hidden="true">&laquo;</span>
				      </a>
				    </li>
				    <li class="active"><a href="javascript:void(0)" th:onclick="getmember([[${pagenum}]])" th:text="${pagenum}"></a></li>
				    <li><a href="javascript:void(0)" th:onclick="getmember([[${pagenum+1}]])" th:text="${pagenum+1}"></a></li>
				    <li><a href="javascript:void(0)" th:onclick="getmember([[${pagenum+2}]])" th:text="${pagenum+2}"></a></li>
				    <li><a href="javascript:void(0)" th:onclick="getmember([[${pagenum+3}]])" th:text="${pagenum+3}"></a></li>
				    <li><a href="javascript:void(0)" th:onclick="getmember([[${pagenum+4}]])"  th:text="${pagenum+4}"></a></li>
				    <li>
				      <a href="javascript:void(0)" th:onclick="getmember([[${pagenum+1}]])" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
				  </ul>
				</nav>
			</div>
		</div>
	</div>
</div>
</body>
</html>
